<?php 
include "session.php";
?>

<html>
  <head>

    <link href="themes/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
	<link href="Scripts/jtable/themes/lightcolor/red/jtable.css" rel="stylesheet" type="text/css" />
	
	<script src="scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <script src="Scripts/jtable/jquery.jtable.js" type="text/javascript"></script>
  </head>
  <body>
	<div id="PeopleTableContainer" style="width: 100%;"></div>
	<script type="text/javascript">

		$(document).ready(function () {

		    //Prepare jTable
			$('#PeopleTableContainer').jtable({
				title: 'Agendamiento de pruebas',
				paging: true,
				pageSize: 15,
				sorting: true,
				defaultSorting: 'nombre_prueba ASC',
				actions: {
					listAction: 'AgendamientoActionsPagedSorted.php?action=list',
					createAction: 'AgendamientoActionsPagedSorted.php?action=create',
					updateAction: 'AgendamientoActionsPagedSorted.php?action=update',
					deleteAction: 'AgendamientoActionsPagedSorted.php?action=delete'
				},
				fields: {
					AgendamientoID: {
						key: true,
						create: false,
						edit: false,
						list: false
					},
					nombre_prueba: {
						title: 'Nombre Prueba',
						width: '20%'
					},
					usuario: {
						title: 'Usuario',
						width: '20%',
						options: 'listaUsuarios.php'
					},
					fecha_ejecucion: {
						title: 'Ejecucion',
						width: '10%',
						type: 'date'
					},
					fecha_agendamiento: {
						title: 'Creada',
						width: '10%',
						type: 'date'
					},
					dispositivo: {
						title: 'Dispositivo',
						width: '20%',
						options: 'listaDispositivos.php'
					},
					fecha_entrega_preliminar: {
						title: 'Preliminar',
						width: '10%',
						type: 'date'
					},
					fecha_entrega_informe: {
						title: 'Informe',
						width: '10%',
						type: 'date'
					},
					ejecutor: {
						title: 'Ejecutor',
						width: '40%',
						options: 'listaEjecutor.php'
					},
					criticidad: {
						title: 'Criticidad',
						width: '40%',
						 type: 'radiobutton',
						 options: { '1': 'Alta', '2': 'Media', '3' : 'Baja' },
						 defaultValue: '1'

					},
					observaciones: {
						title: 'Observaciones',
						width: '40%',
						type: 'textarea'
					},

				}
			});

			//Load person list from server
			$('#PeopleTableContainer').jtable('load');

		});

	</script>
 
  </body>
</html>
